<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-title" content="Amaze UI" />
<title>宽带预约详情</title>
<link rel="stylesheet" href="../template/assets/css/amazeui.min.css"/>
<link rel="stylesheet" href="../template/website/css/app.css"/>
</head>
<body>
  <script type="text/x-handlebars-template" id="amz-tpl">
    {{#if broadband}}
      {{#broadband}}
      <div class="am-g am-margin-top-sm">
        <div class="am-u-sm-8 am-text-sm">
          <div class="am-text-primary">{{name}}</div>
          <div class="am-text-truncate">{{business_summary}}</div>
        </div>
        <div class="am-u-sm-4 am-text-sm">
          <div class="am-text-danger">
            ￥{{price}}元/{{period}}
          </div>
        </div>
      </div>
      <div class="am-g am-margin-top-sm am-text-default">
        <div class="am-u-sm-12">
          {{{introduction}}}
        </div>
      </div>
      {{/broadband}}
    {{else}}
      <div class="am-g am-margin-top-sm">
        <div class="am-u-sm-12">
          {{error}}
        </div>
      </div>
    {{/if}}
  </script>
  <div class="am-modal am-modal-no-btn" tabindex="-1" id="modal">
    <div class="am-modal-dialog">
      <div class="am-modal-hd">
        <i class="am-icon-refresh am-icon-spin"></i>
        <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
      </div>
      <div class="am-modal-bd">
                      数据加载中...
      </div>
    </div>
  </div>
  <div class="am-g am-topbar am-topbar-fixed-bottom">
    <div class="am-u-sm-8 am-text-xs am-margin-top-xs am-padding-top-sm">
      已选择 <span class="am-text-primary" id="broadband-name"></span>
      <input type="hidden" id="broadband-id" />
    </div>
    <div class="am-u-sm-4 am-btn-primary am-text-center" id="broadband-reservation-btn" style="padding: 1.2rem 0">立即预约</div>
  </div>
  <script type="text/javascript" src="../template/assets/js/jquery.min.js"></script>
  <script type="text/javascript" src="../template/assets/js/amazeui.min.js"></script>
  <script type="text/javascript" src="../template/assets/js/handlebars.min.js"></script>
  <script type="text/javascript" src="../template/assets/js/amazeui.widgets.helper.min.js"></script>
  <script type="text/javascript" src="../template/website/js/app.js"></script>
  <script type="text/javascript" src="../template/website/js/broadband.detail_new.js"></script>
</body>
</html>